<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<meta name="author" content="blog.anchen8.net" />
    <meta charset="UTF-8" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

	<title>中国饭店业大数据中心</title>
</head>
<script src="/public/assets/biz/js/jquery.min.js"></script>
<style>
    html,body{
        font-family: '微软雅黑';
        font-size: 14px;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    ul,li{padding: 0;margin: 0;list-style: none;}
    a{text-decoration: none;color: #73C1D3;}
    a:hover{color: #0073AA;}
    img{vertical-align: middle;border: none;}
    h1,h2,h3,h4,h5,h6,{font-weight: 500;}
    
    #header{min-width: 960px;max-width: 100%;}
    #header .top{min-width: 960px;max-width: 100%;border-bottom: 1px solid #bababa;}
    #header .top div{width: 960px;margin: 0 auto;color: #606060;font-size: 12px;height: 27px;line-height: 27px;}
    #header .top div label{display: block;float: left;}
    #header .top div a{display: block;float: right;color: #606060;}
    #header .top div a:hover{color: #3ea8e5;}
    #header .top div span{display: block;float: right;width: 1px;height: 10px;background-color: #606060;margin: 0 10px;margin-top: 8px;}
    
    #header .nav{width: 960px;margin: 0 auto;padding: 5px 0;}
    #header .nav .logo{width: 120px;float: left;}
    #header .nav .nav_a{width: 840px;text-align: right;float: right;}
    #header .nav .nav_a a{color: #3ea8e5;font-size: 18px;font-weight: 500;margin-left: 40px;padding-bottom: 5px;display: inline-block;margin-top: 27px;border-bottom: 2px solid transparent;}
    #header .nav .nav_a a.active,#header .nav .nav_a a:hover{color: #1280b9;border-bottom: 2px solid #1280b9;}
    
    #footer{min-width: 960px;max-width: 100%;color: #282828;font-size: 16px;}
    #footer .img_border{
        min-width: 960px;max-width: 100%; height: 2px;margin: 0 auto;margin-bottom: 20px;background-image: url('/public/assets/home/images/png/foot_border.png');zoom: 1;
        background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;
    }
    #footer .text_footer{width: 960px;margin: 0 auto;text-align: center;line-height: 35px;padding-bottom: 20px;}
</style>
<body>
<div id="header">
    <div class="top">
        <div>
            <label>欢迎来到中国饭店业大数据中心！</label>
            <a href="http://www.htapi.com" target="_blank">联盟入口</a>
            <span></span>
            <a href="/index.php/partner/common/login" target="_blank">酒店入口</a>
            <span></span>
            <a href="http://www.wormholehotels.com" target="_blank">联盟测试入口</a>
            <span></span>
            <a href="http://www.unibooking.cn/index.php/partner/common/login" target="_blank">酒店测试入口</a>
        </div>
    </div>
    <div class="nav">
        <div class="logo"><a href="/public/home/img/logo.png" target="_blank"><img src="/public/assets/home/images/png/logo.png" /></a></div>
        <div class="nav_a">
            <a href="/" <?=isset($active)&&$active==1?'class="active"':''?>>首页</a>
            <a href="<?=$this->url('cpfw/index')?>" <?=isset($active)&&$active==6?'class="active"':''?>>产品服务</a>
            <a href="<?=$this->url('services/index')?>" <?=isset($active)&&$active==2?'class="active"':''?>>平台服务</a>
            <a href="<?=$this->url('partner/index')?>" <?=isset($active)&&$active==3?'class="active"':''?>>合作伙伴</a>
            <a href="<?=$this->url('hzjm/index')?>" <?=isset($active)&&$active==4?'class="active"':''?>>合作加盟</a>
            <a href="<?=$this->url('about/index')?>" <?=isset($active)&&$active==5?'class="active"':''?>>关于我们</a>
        </div>
        <div style="clear: both;"></div>
    </div>
</div>
<? include $this->loadview();?>
<div id="footer">
    <div class="img_border"></div>
    <div class="text_footer">
        主办方：中国饭店业采购供应协会<br />
        运营支持：中饭博信息技术（北京/成都）有限公司.技术支持：成都混沌数据处理有限公司<br />
        CopyRight © 2015 蜀ICP备15004985号 中国饭店业大数据中心.All Rights Reserved
    </div>
</div>
<!--遮罩层 sta-->
<div id="shadefrist"></div>
<!--遮罩层 end-->
</body>
</html>